<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Gold</title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="css/Cooldog.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script type="text/javascript" src="js/starter.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/Cooldog.js"></script>
		<script type="text/javascript" src="js/jquery.easydrag.handler.beta2.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		
		<link rel="stylesheet" type="text/css" href="css/starter.css"/>
		<script type="text/javascript">
		
		$(document).ready(function(){
			$('.one').click(function(){
				$('.box2').show();
				});
			$('.login5 a').click(function(){
				$('.box2').hide();
				});
			$('.box').easydrag();
			});
			
		
		</script>
		
		<script type="text/javascript">
		function black(){
		 document.form_name.action="login.html";
		}
		</script>
	</head>
	<body>
		<!-- 整体开始 -->
		<div id="subject">
			<!-- 导航条开始 -->
			<div id="navi">
				<img id="img-01" src="img/logo03.png" >
				<div id="search-input">
					<input id="input-01" type="text" placeholder="听音乐用金话筒" />
				<div id="searh_btn">
					<i id="search_icon"></i>
					<span></span>
				</div>
				</div>
				<div id="point-02">
					<span id="mark"><a href="#">客服中心</a></span>&nbsp;&nbsp;&nbsp;
					<span id="mark"><a href="#">会员中心</a></span>&nbsp;&nbsp;&nbsp;
					<span id="mark"><a href="#">招贤纳士</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span id="kuang"></span>
						<input class='one' type="button" value="登录">
						<input class="two" type="button" value="注册">
						<!-- 注册 -->
						<div class="enroll">
						<div class="enroll-02">
							<div class="enroll-03">
								<a id="login-esc" onclick="win.close();"></a>
						    	<h2>注册</h2>
						        <a class="close"></a>
						    </div>
						    <div class="enroll-03-01">
						    	<form name="login5form" action="">
						        	<div class="enroll-03left01">
						            	<span></span>
						                <div class="login-03left1">
						                	<input type="text" name="username" placeholder="用户名/手机号/邮箱" /></input>
						                </div>
						                <div class="login-03left1">
						                	<input type="password" name="user_possword" placeholder="密码" /></input>
						                </div>
										<div class="login-03left1">
											<input type="password" name="user_possword" placeholder="确认密码" /></input>
										</div>
						                <div class="login03-left2">
						                	<a class="dl">立即注册</a>
						                </div>
						            </div>
						        </form>
						    </div>
						</div>
						</div>
						<!-- 注册 -->
				</div>
			</div>
			<!-- 登录 -->
			<div class="box">
			<div class="box2">
				<div class="login5">
					<a id="login-esc" onclick="win.close();"></a>
			    	<h2>登录</h2>
			        <a class="close"></a>
			    </div>
			    <div class="login51">
			    	<form name="login5form" action="">
			        	<div class="login5left">
			            	<span></span>
			                <div class="login5left1">
			                	<input type="text" name="username" placeholder="用户名/手机号/邮箱" /></input>
			                </div>
			                <div class="login5left1">
			                	<input type="password" name="user_possword" placeholder="密码" /></input>
			                </div>
			                <div class="login5left2">
			                	<a class="dl">登录</a>
			                </div>
			            </div>
			        </form>
			    </div>
			</div>
			</div>
			<!-- 登录 -->
		
			<!-- 导航条结束 -->
			<!-- 轮播图导航条开始 -->
			<div id="show">
				<div id="worj">
					<span id="show-01"><a>首页</a></span>
					<span id="show-01"><a>榜单</a></span>
					<span id="show-01"><a>更多</a></span>
				</div>
			</div>
			<!-- 轮播图导航条结束 -->
			<!-- 轮播图开始 -->
				<div class="wrap" id='wrap'>
				<ul id="pic">
				<li><img src="img/08.jpg" alt=""></li>
				<li><img src="img/09.jpg" alt=""></li>
				<li><img src="img/10.jpg" alt=""></li>
				<li><img src="img/11.jpg" alt=""></li>
				<li><img src="img/13.jpg" alt=""></li>
				</ul>
				<ol id="list">
				<li class="on">1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				</ol>
				</div>
			<!-- 轮播图结束 -->
		</div>
		<!-- 整体结束 -->
		<!-- 尾部开始 -->
		<div id="tail"></div>
		<!-- 尾部结束 -->
	</body>
</html>
